@import "../../assets/common/index.less";

.chat {
  width: 100%;
  margin: "auto";
  display: flex;
  .left {
    width: 20%;
    height: 100vh;
    overflow-y: scroll;
    .createBtn {
      height: 40px;
      font-size: @font-size-base * 1.1;
      display: flex;
      justify-content: space-evenly;
      align-items: center;
      background-color: @blue-2;
    }
    .createBtn:hover {
      cursor: pointer;
    }
  }
  .right {
    width: 80%;
    display: flex;
    justify-content: center;
    .message {
      display: flex;
      flex-direction: column;
    }
  }
}
